<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Login</title>
      <link rel="stylesheet" href="../static/css/bootstrap.min.css">
   <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
      <style>
        html,body{font-family: Helvetica, Arial, sans-serif; height: 100%}
        .main{width: 300px;margin-left: auto;margin-right: auto;padding: 30px;}
        .center{position: absolute;top: 40%;left: 40%; bottom: 40%;right: 40%}
     </style>
  </head>

  <body>
    <div class="container main">

      <form class="form-signin center" method="post" action="/login">
          <h1>请登录：</h1>
        <label for="username" class="sr-only">UserName</label>
        <input type="text" id="username" name="username" class="form-control" placeholder="UserName" required autofocus>
        <label for="password" class="sr-only">Password</label>
        <input type="password" id="password" name="password" class="form-control" placeholder="Password" required>
          {% raw xsrf_form_html() %}
        <button class="btn btn-lg btn-primary btn-block" type="submit">登入</button>
      </form>

    </div> <!-- /container -->
  </body>
</html>